{% extends 'base/base.html' %}
{% load static %}

{% block title %}
Start Scan
{% endblock title %}


{% block custom_js_css_link %}>
<link rel="stylesheet" type="text/css" href="{% static 'assets/css/custom.css' %}">
<link href="{% static 'assets/css/components/custom-list-group.css' %}" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="{% static 'assets/css/elements/alert.css' %}">
{% endblock custom_js_css_link %}

{% block breadcrumb_title %}
Start Scan for {{domain.domain_name}}
{% endblock breadcrumb_title %}

{% block main_content %}
<div class="col-lg-12 layout-spacing">
    <div class="statbox widget box box-shadow">
        <div class="widget-header">
            <div class="row">
                <div class="col-12">
                    <h4 class="text-info">Start scan for <span class="text-danger">{{domain.domain_name}}</span></h4>
                </div>
            </div>
        </div>
        <div class="widget-content widget-content-area">
            <form method="POST">
                {% csrf_token %}
                <div class="form-row">
                    <div class="col-md-12 mb-4">
                        <h6>Select the scan type</h6>
                        {% if custom_engine_count == 0 %}
                        <div class="alert custom-alert-1 mb-4" role="alert">
                            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"  data-dismiss="alert" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x close"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></button>
                            <div class="media">
                                <div class="alert-icon">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bell"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path></svg>
                                </div>
                                <div class="media-body">
                                    <div class="alert-text">
                                        <span><b>Tips! </b>You don't have any custom engines! Did you know you can create your own scan engine?</span>
                                    </div>
                                    <div class="alert-btn">
                                        <a href="{% url 'add_engine' %}" class="btn btn-default btn-dismiss">Create Engine</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        {% endif %}
                        <ul class="list-group task-list-group">
                            {% for engine in engines.all %}
                            <li class="list-group-item list-group-item-action">
                                <div class="n-chk">
                                    <label class="new-control new-checkbox checkbox-primary w-100 justify-content-between">
                                        <input type="radio" class="new-control-input" name="scan_mode" value="{{engine.id}}" required>
                                        <span class="new-control-indicator"></span>
                                        <span class="ml-2">
                                            <b>{{engine.engine_name}}</b>
                                            <table style="margin-top:3%">
                                                <tr>
                                                    <td>
                                                        <p style="margin-right:1%">Subdomain Discovery</>
                                                        </td>
                                                        <td>
                                                            {% if engine.subdomain_discovery %}
                                                            {% include 'base/_items/green_tick.html' %}
                                                            {% else %}
                                                            {% include 'base/_items/red_cross.html' %}
                                                            {% endif %}
                                                        </div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <p style="margin-right:1%">Port Scan</p>
                                                    </td>
                                                    <td>
                                                        {% if engine.port_scan %}
                                                        {% include 'base/_items/green_tick.html' %}
                                                        {% else %}
                                                        {% include 'base/_items/red_cross.html' %}
                                                        {% endif %}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <p style="margin-right:1%">Subdomain Takeover</p>
                                                    </td>
                                                    <td>
                                                        {% if engine.subdomain_takeover %}
                                                        {% include 'base/_items/green_tick.html' %}
                                                        {% else %}
                                                        {% include 'base/_items/red_cross.html' %}
                                                        {% endif %}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <p style="margin-right:1%">Directory and Files Search</p>
                                                    </td>
                                                    <td>
                                                        {% if engine.dir_file_search %}
                                                        {% include 'base/_items/green_tick.html' %}
                                                        {% else %}
                                                        {% include 'base/_items/red_cross.html' %}
                                                        {% endif %}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <p style="margin-right:1%">Fetch Endpoints(URLs)</p>
                                                    </td>
                                                    <td>
                                                        {% if engine.fetch_url %}
                                                        {% include 'base/_items/green_tick.html' %}
                                                        {% else %}
                                                        {% include 'base/_items/red_cross.html' %}
                                                        {% endif %}
                                                    </td>
                                                </tr>
                                            </table>
                                        </span>
                                        <span class="ml-3 d-block">
                                            {% if engine.default_engine %}
                                            <span class="badge badge-pills outline-badge-info">Default Engine</span>
                                            {% else %}
                                            <span class="badge badge-pills outline-badge-danger">Custom Engine</span>
                                            {% endif %}

                                        </span>
                                    </label>
                                </div>
                            </li>
                            {% endfor %}
                        </ul>
                        <div style=" position: fixed; bottom: 40px; right: 40px; z-index:1000;">
                        <button class="btn btn-primary submit-fn mt-2 float-right" style="z-index:1000; " type="submit"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather table-scan feather-zap" id="myInput" value="helloworld">
                            <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
                        </svg> Start Scan</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock main_content %}


{% block page_level_script %}
<script src="{% static 'assets/js/scrollspyNav.js' %}"></script>
{% endblock page_level_script %}
